<!DOCTYPE html>
<html>
    
<!-- Mirrored from coderthemes.com/zircos_2/default/icons-glyphicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Sep 2017 08:59:05 GMT -->
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">
        <!-- App title -->
        <title>Zircos - Responsive Admin Dashboard Template</title>

        <!-- App css -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/core.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/components.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/menu.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="http://coderthemes.com/zircos_2/plugins/switchery/switchery.min.css">

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        <script src="assets/js/modernizr.min.js"></script>
<script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','https://coderthemes.com//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-83057131-1', 'auto');
          ga('send', 'pageview');

        </script>

    </head>


    <body class="fixed-left">

        <!-- Begin page -->
        <div id="wrapper">

            <!-- Top Bar Start -->
            <div class="topbar">

                <!-- LOGO -->
                <div class="topbar-left">
                    <a href="index.html" class="logo"><span>Zir<span>cos</span></span><i class="mdi mdi-layers"></i></a>
                    <!-- Image logo -->
                    <!--<a href="index.html" class="logo">-->
                        <!--<span>-->
                            <!--<img src="assets/images/logo.png" alt="" height="30">-->
                        <!--</span>-->
                        <!--<i>-->
                            <!--<img src="assets/images/logo_sm.png" alt="" height="28">-->
                        <!--</i>-->
                    <!--</a>-->
                </div>

                <!-- Button mobile view to collapse sidebar menu -->
                <div class="navbar navbar-default" role="navigation">
                    <div class="container">

                        <!-- Navbar-left -->
                        <ul class="nav navbar-nav navbar-left">
                            <li>
                                <button class="button-menu-mobile open-left waves-effect">
                                    <i class="mdi mdi-menu"></i>
                                </button>
                            </li>
                            <li class="hidden-xs">
                                <form role="search" class="app-search">
                                    <input type="text" placeholder="Search..."
                                           class="form-control">
                                    <a href="#"><i class="fa fa-search"></i></a>
                                </form>
                            </li>
                            <li class="hidden-xs">
                                <a href="#" class="menu-item">New</a>
                            </li>
                            <li class="dropdown hidden-xs">
                                <a data-toggle="dropdown" class="dropdown-toggle menu-item" href="#" aria-expanded="false">English
                                    <span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu">
                                    <li><a href="#">German</a></li>
                                    <li><a href="#">French</a></li>
                                    <li><a href="#">Italian</a></li>
                                    <li><a href="#">Spanish</a></li>
                                </ul>
                            </li>
                        </ul>

                        <!-- Right(Notification) -->
                        <ul class="nav navbar-nav navbar-right">
                            <li>
                                <a href="#" class="right-menu-item dropdown-toggle" data-toggle="dropdown">
                                    <i class="mdi mdi-bell"></i>
                                    <span class="badge up bg-success">4</span>
                                </a>

                                <ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right dropdown-lg user-list notify-list">
                                    <li>
                                        <h5>Notifications</h5>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="icon bg-info">
                                                <i class="mdi mdi-account"></i>
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">New Signup</span>
                                                <span class="time">5 hours ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="icon bg-danger">
                                                <i class="mdi mdi-comment"></i>
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">New Message received</span>
                                                <span class="time">1 day ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="icon bg-warning">
                                                <i class="mdi mdi-settings"></i>
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">Settings</span>
                                                <span class="time">1 day ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="all-msgs text-center">
                                        <p class="m-0"><a href="#">See all Notification</a></p>
                                    </li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" class="right-menu-item dropdown-toggle" data-toggle="dropdown">
                                    <i class="mdi mdi-email"></i>
                                    <span class="badge up bg-danger">8</span>
                                </a>

                                <ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right dropdown-lg user-list notify-list">
                                    <li>
                                        <h5>Messages</h5>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="avatar">
                                                <img src="assets/images/users/avatar-2.jpg" alt="">
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">Patricia Beach</span>
                                                <span class="desc">There are new settings available</span>
                                                <span class="time">2 hours ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="avatar">
                                                <img src="assets/images/users/avatar-3.jpg" alt="">
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">Connie Lucas</span>
                                                <span class="desc">There are new settings available</span>
                                                <span class="time">2 hours ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="avatar">
                                                <img src="assets/images/users/avatar-4.jpg" alt="">
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">Margaret Becker</span>
                                                <span class="desc">There are new settings available</span>
                                                <span class="time">2 hours ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="all-msgs text-center">
                                        <p class="m-0"><a href="#">See all Messages</a></p>
                                    </li>
                                </ul>
                            </li>

                            <li>
                                <a href="javascript:void(0);" class="right-bar-toggle right-menu-item">
                                    <i class="mdi mdi-settings"></i>
                                </a>
                            </li>

                            <li class="dropdown user-box">
                                <a href="#" class="dropdown-toggle waves-effect user-link" data-toggle="dropdown" aria-expanded="true">
                                    <img src="assets/images/users/avatar-1.jpg" alt="user-img" class="img-circle user-img">
                                </a>

                                <ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right user-list notify-list">
                                    <li>
                                        <h5>Hi, John</h5>
                                    </li>
                                    <li><a href="javascript:void(0)"><i class="ti-user m-r-5"></i> Profile</a></li>
                                    <li><a href="javascript:void(0)"><i class="ti-settings m-r-5"></i> Settings</a></li>
                                    <li><a href="javascript:void(0)"><i class="ti-lock m-r-5"></i> Lock screen</a></li>
                                    <li><a href="javascript:void(0)"><i class="ti-power-off m-r-5"></i> Logout</a></li>
                                </ul>
                            </li>

                        </ul> <!-- end navbar-right -->

                    </div><!-- end container -->
                </div><!-- end navbar -->
            </div>
            <!-- Top Bar End -->


            <!-- ========== Left Sidebar Start ========== -->
            <div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">

                    <!--- Sidemenu -->
                    <div id="sidebar-menu">
                        <ul>
                        	<li class="menu-title">Navigation</li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-view-dashboard"></i><span class="label label-success pull-right">2</span> <span> Dashboard </span> </a>
                                <ul class="list-unstyled">
                                    <li><a href="index.html">Dashboard 1</a></li>
                                    <li><a href="dashboard_2.html">Dashboard 2</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-invert-colors"></i> <span> User Interface </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="ui-buttons.html">Buttons</a></li>
                                    <li><a href="ui-typography.html">Typography</a></li>
                                    <li><a href="ui-panels.html">Panel</a></li>
                                    <li><a href="ui-portlets.html">Portlets</a></li>
                                    <li><a href="ui-modals.html">Modals</a></li>
                                    <li><a href="ui-checkbox-radio.html">Checkboxs-Radios</a></li>
                                    <li><a href="ui-tabs.html">Tabs</a></li>
                                    <li><a href="ui-progressbars.html">Progress Bars</a></li>
                                    <li><a href="ui-notifications.html">Notification</a></li>
                                    <li><a href="ui-alerts.html">Alerts</a>
                                    <li><a href="ui-carousel.html">Carousel</a>
                                    <li><a href="ui-video.html">Video</a>
                                    <li><a href="ui-tooltips-popovers.html">Tooltips & Popovers</a></li>
                                    <li><a href="ui-images.html">Images</a></li>
                                    <li><a href="ui-bootstrap.html">Bootstrap UI</a></li>
                                    <li><a href="ui-grid.html">Grid</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-layers"></i><span> Admin UI </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="admin-sweet-alert.html">Sweet Alert</a></li>
                                    <li><a href="admin-widgets.html">Widgets</a></li>
                                    <li><a href="admin-nestable.html">Nestable List</a></li>
                                    <li><a href="admin-rangeslider.html">Range Slider</a></li>
                                    <li><a href="admin-ratings.html">Ratings</a></li>
                                    <li><a href="admin-animation.html">Animation</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="calendar.html" class="waves-effect"><i class="mdi mdi-calendar"></i><span> Calendar </span></a>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-email"></i><span> Email </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="email-inbox.html"> Inbox</a></li>
                                    <li><a href="email-read.html"> Read Mail</a></li>
                                    <li><a href="email-compose.html"> Compose Mail</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-heart-outline"></i><span> Icons </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="icons-glyphicons.html">Glyphicons</a></li>
                                    <li><a href="icons-colored.html">Colored Icons</a></li>
                                    <li><a href="icons-materialdesign.html">Material Design</a></li>
                                    <li><a href="icons-ionicons.html">Ion Icons</a></li>
                                    <li><a href="icons-fontawesome.html">Font awesome</a></li>
                                    <li><a href="icons-themifyicon.html">Themify Icons</a></li>
                                    <li><a href="icons-typicons.html">Typicons</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-diamond"></i><span class="label label-info pull-right">New</span> <span> Forms </span></a>
                                <ul class="list-unstyled">
                                    <li><a href="form-elements.html">Form Elements</a></li>
                                    <li><a href="form-advanced.html">Form Advanced</a></li>
                                    <li><a href="form-validation.html">Form Validation</a></li>
                                    <li><a href="form-pickers.html">Form Pickers</a></li>
                                    <li><a href="form-wizard.html">Form Wizard</a></li>
                                    <li><a href="form-mask.html">Form Masks</a></li>
                                    <li><a href="form-summernote.html">Summernote</a></li>
                                    <li><a href="form-wysiwig.html">Wysiwig Editors</a></li>
                                    <li><a href="form-uploads.html">Multiple File Upload</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-format-list-bulleted"></i> <span> Tables </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                	<li><a href="tables-basic.html">Basic Tables</a></li>
                                    <li><a href="tables-layouts.html">Tables Layouts</a></li>
                                    <li><a href="tables-datatable.html">Data Table</a></li>
                                    <li><a href="tables-responsive.html">Responsive Table</a></li>
                                    <li><a href="tables-tablesaw.html">Tablesaw Table</a></li>
                                    <li><a href="tables-editable.html">Editable Table</a></li>
                                </ul>
                            </li>

                            <li class="menu-title">Extra</li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-chart-arc"></i><span> Charts </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="chart-flot.html">Flot Chart</a></li>
                                    <li><a href="chart-morris.html">Morris Chart</a></li>
                                    <li><a href="chart-google.html">Google Chart</a></li>
                                    <li><a href="chart-chartist.html">Chartist Charts</a></li>
                                    <li><a href="chart-chartjs.html">Chartjs Chart</a></li>
                                    <li><a href="chart-c3.html">C3 Chart</a></li>
                                    <li><a href="chart-sparkline.html">Sparkline Chart</a></li>
                                    <li><a href="chart-knob.html">Jquery Knob</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-map"></i> <span> Maps </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                	<li><a href="maps-google.html">Google Maps</a></li>
                                    <li><a href="maps-vector.html">Vector Maps</a></li>
                                    <li><a href="maps-mapael.html">Mapael Maps</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-google-pages"></i><span> Pages </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="page-starter.html">Starter Page</a></li>
                                    <li><a href="page-login.html">Login</a></li>
                                    <li><a href="page-register.html">Register</a></li>
                                    <li><a href="page-logout.html">Logout</a></li>
                                    <li><a href="page-recoverpw.html">Recover Password</a></li>
                                    <li><a href="page-lock-screen.html">Lock Screen</a></li>
                                    <li><a href="page-confirm-mail.html">Confirm Mail</a></li>
                                    <li><a href="page-404.html">Error 404</a></li>
                                    <li><a href="page-404-alt.html">Error 404-alt</a></li>
                                    <li><a href="page-500.html">Error 500</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-gift"></i><span> Extras </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="extras-profile.html">Profile</a></li>
                                    <li><a href="extras-sitemap.html">Sitemap</a></li>
                                    <li><a href="extras-about.html">About Us</a></li>
                                    <li><a href="extras-contact.html">Contact</a></li>
                                    <li><a href="extras-members.html">Members</a></li>
                                    <li><a href="extras-timeline.html">Timeline</a></li>
                                    <li><a href="extras-invoice.html">Invoice</a></li>
                                    <li><a href="extras-search-result.html">Search Result</a></li>
                                    <li><a href="extras-emailtemplate.html">Email Template</a></li>
                                    <li><a href="extras-maintenance.html">Maintenance</a></li>
                                    <li><a href="extras-coming-soon.html">Coming Soon</a></li>
                                    <li><a href="extras-faq.html">FAQ</a></li>
                                    <li><a href="extras-gallery.html">Gallery</a></li>
                                    <li><a href="extras-pricing.html">Pricing</a></li>
                                </ul>
                            </li>

                            <li class="menu-title">More</li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-comment-text-outline"></i><span> Blog </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="blogs-dashboard.html">Dashboard</a></li>
                                    <li><a href="blogs-blog-list.html">Blog List</a></li>
                                    <li><a href="blogs-blog-column.html">Blog Column</a></li>
                                    <li><a href="blogs-blog-post.html">Blog Post</a></li>
                                    <li><a href="blogs-blog-add.html">Add Blog</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-home-map-marker"></i><span> Real Estate </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="real-estate-dashboard.html">Dashboard</a></li>
                                    <li><a href="real-estate-list.html">Property List</a></li>
                                    <li><a href="real-estate-column.html">Property Column</a></li>
                                    <li><a href="real-estate-detail.html">Property Detail</a></li>
                                    <li><a href="real-estate-agents.html">Agents</a></li>
                                    <li><a href="real-estate-profile.html">Agent Details</a></li>
                                    <li><a href="real-estate-add.html">Add Property</a></li>
                                </ul>
                            </li>

                        </ul>
                    </div>
                    <!-- Sidebar -->
                    <div class="clearfix"></div>

                    <div class="help-box">
                        <h5 class="text-muted m-t-0">For Help ?</h5>
                        <p class=""><span class="text-custom">Email:</span> <br/> support@support.com</p>
                        <p class="m-b-0"><span class="text-custom">Call:</span> <br/> (+123) 123 456 789</p>
                    </div>

                </div>
                <!-- Sidebar -left -->

            </div>
            <!-- Left Sidebar End -->



            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="content-page">
                <!-- Start content -->
                <div class="content">
                    <div class="container">


                        <div class="row">
							<div class="col-xs-12">
								<div class="page-title-box">
                                    <h4 class="page-title">Glyphicon Icons </h4>
                                    <ol class="breadcrumb p-0 m-0">
                                        <li>
                                            <a href="#">Zircos</a>
                                        </li>
                                        <li>
                                            <a href="#">Icons </a>
                                        </li>
                                        <li class="active">
                                            Glyphicon Icons
                                        </li>
                                    </ol>
                                    <div class="clearfix"></div>
                                </div>
							</div>
						</div>
                        <!-- end row -->


                        <div class="row m-t-20 m-b-20">
							<div class="col-sm-6 col-sm-offset-3">
								<div class="form-group search-box">
                                    <input type="text" id="search-input" class="form-control product-search" placeholder="Search here...">
                                    <button type="submit" class="btn btn-search"><i class="fa fa-search"></i></button>
                                </div>
							</div>
						</div>
                        <!-- end row -->


                        <div class="row">
                            <div class="col-md-12">
                                <div class="">

                                    <div class="card-box">

                                        <h4 class="m-t-0 header-title">Examples</h4>
                                        <p class="text-muted m-b-30 font-13">
                                            Use  <code>&lt;i class="glyphicon glyphicon-glass"&gt;&lt;/i&gt;</code>.
                                        </p>

                                        <div class="row icon-list-demo icons-container">
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-glass"></i> glyphicon-glass
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-music"></i> glyphicon-music
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-search"></i> glyphicon-search
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-envelope"></i> glyphicon-envelope
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-heart"></i> glyphicon-heart
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-star"></i> glyphicon-star
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-star-empty"></i> glyphicon-star-empty
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-user"></i> glyphicon-user
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-film"></i> glyphicon-film
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-th-large"></i> glyphicon-th-large
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-th"></i> glyphicon-th
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-th-list"></i> glyphicon-th-list
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-ok"></i> glyphicon-ok
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-remove"></i> glyphicon-remove
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-zoom-in"></i> glyphicon-zoom-in
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-zoom-out"></i> glyphicon-zoom-out
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-off"></i> glyphicon-off
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-signal"></i> glyphicon-signal
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-cog"></i> glyphicon-cog
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-trash"></i> glyphicon-trash
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-home"></i> glyphicon-home
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-file"></i> glyphicon-file
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-time"></i> glyphicon-time
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-road"></i> glyphicon-road
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-download-alt"></i> glyphicon-download-alt
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-download"></i> glyphicon-download
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-upload"></i> glyphicon-upload
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-inbox"></i> glyphicon-inbox
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-play-circle"></i> glyphicon-play-circle
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-repeat"></i> glyphicon-repeat
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-refresh"></i> glyphicon-refresh
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-list-alt"></i> glyphicon-list-alt
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-lock"></i> glyphicon-lock&gt;
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-flag"></i> glyphicon-flag
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-headphones"></i> glyphicon-headphones
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-volume-off"></i> glyphicon-volume-off
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-volume-down"></i> glyphicon-volume-down
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-volume-up"></i> glyphicon-volume-up
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-qrcode"></i> glyphicon-qrcode
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-barcode"></i> glyphicon-barcode
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-tag"></i> glyphicon-tag
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-tags"></i> glyphicon-tags
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-book"></i> glyphicon-book
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-bookmark"></i> glyphicon-bookmark&gt;
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-print"></i> glyphicon-print
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-camera"></i> glyphicon-camera&gt;
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-font"></i> glyphicon-font
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-bold"></i> glyphicon-bold
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-italic"></i> glyphicon-italic
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-text-height"></i> glyphicon-text-height
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-text-width"></i> glyphicon-text-width
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-align-left"></i> glyphicon-align-left
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-align-center"></i> glyphicon-align-center
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-align-right"></i> glyphicon-align-right
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-align-justify"></i> glyphicon-align-justify
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-list"></i> glyphicon-list
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-indent-left"></i> glyphicon-indent-left
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-indent-right"></i> glyphicon-indent-right
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-facetime-video"></i> glyphicon-facetime-video
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-picture"></i> glyphicon-picture
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-pencil"></i> glyphicon-pencil
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-map-marker"></i> glyphicon-map-marker
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-adjust"></i> glyphicon-adjust
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-tint"></i> glyphicon-tint
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-edit"></i> glyphicon-edit
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-share"></i> glyphicon-share
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-check"></i> glyphicon-check
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-move"></i> glyphicon-move
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-step-backward"></i> glyphicon-step-backward
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-fast-backward"></i> glyphicon-fast-backward
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-backward"></i> glyphicon-backward
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-play"></i> glyphicon-play
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-pause"></i> glyphicon-pause
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-stop"></i> glyphicon-stop
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-forward"></i> glyphicon-forward
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-fast-forward"></i> glyphicon-fast-forward
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-step-forward"></i> glyphicon-step-forward
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-eject"></i> glyphicon-eject
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-chevron-left"></i> glyphicon-chevron-left
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-chevron-right"></i> glyphicon-chevron-right
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-plus-sign"></i> glyphicon-plus-sign
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-minus-sign"></i> glyphicon-minus-sign
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-remove-sign"></i> glyphicon-remove-sign
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-ok-sign"></i> glyphicon-ok-sign
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-question-sign"></i> glyphicon-question-sign
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-info-sign"></i> glyphicon-info-sign
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-screenshot"></i> glyphicon-screenshot
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-remove-circle"></i> glyphicon-remove-circle
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-ok-circle"></i> glyphicon-ok-circle
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-ban-circle"></i> glyphicon-ban-circle
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-arrow-left"></i> glyphicon-arrow-left
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-arrow-right"></i> glyphicon-arrow-right
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-arrow-up"></i> glyphicon-arrow-up
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-arrow-down"></i> glyphicon-arrow-down
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-share-alt"></i> glyphicon-share-alt
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-resize-full"></i> glyphicon-resize-full
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-resize-small"></i> glyphicon-resize-small
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-plus"></i> glyphicon-plus
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-minus"></i> glyphicon-minus
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-asterisk"></i> glyphicon-asterisk
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-exclamation-sign"></i> glyphicon-exclamation-sign
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-gift"></i> glyphicon-gift
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-leaf"></i> glyphicon-leaf
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-fire"></i> glyphicon-fire
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-eye-open"></i> glyphicon-eye-open
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-eye-close"></i> glyphicon-eye-close
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-warning-sign"></i> glyphicon-warning-sign
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-plane"></i> glyphicon-plane
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-calendar"></i> glyphicon-calendar
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-random"></i> glyphicon-random
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-comment"></i> glyphicon-comment
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-magnet"></i> glyphicon-magnet
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-chevron-up"></i> glyphicon-chevron-up
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-chevron-down"></i> glyphicon-chevron-down
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-retweet"></i> glyphicon-retweet
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-shopping-cart"></i> glyphicon-shopping-cart
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-folder-close"></i> glyphicon-folder-close
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-folder-open"></i> glyphicon-folder-open
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-resize-vertical"></i> glyphicon-resize-vertical
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-resize-horizontal"></i> glyphicon-resize-horizontal
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-hdd"></i> glyphicon-hdd
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-bullhorn"></i> glyphicon-bullhorn
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-bell"></i> glyphicon-bell
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-certificate"></i> glyphicon-certificate
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-thumbs-up"></i> glyphicon-thumbs-up
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-thumbs-down"></i> glyphicon-thumbs-down
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-hand-right"></i> glyphicon-hand-right
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-hand-left"></i> glyphicon-hand-left
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-hand-up"></i> glyphicon-hand-up
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-hand-down"></i> glyphicon-hand-down
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-circle-arrow-right"></i> glyphicon-circle-arrow-right
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-circle-arrow-left"></i> glyphicon-circle-arrow-left
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-circle-arrow-up"></i> glyphicon-circle-arrow-up
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-circle-arrow-down"></i> glyphicon-circle-arrow-down
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-globe"></i> glyphicon-globe
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-wrench"></i> glyphicon-wrench
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-tasks"></i> glyphicon-tasks
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-filter"></i> glyphicon-filter
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-briefcase"></i> glyphicon-briefcase
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-fullscreen"></i> glyphicon-fullscreen
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-dashboard"></i> glyphicon-dashboard
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-paperclip"></i> glyphicon-paperclipn
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-heart-empty"></i> glyphicon-heart-empty
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-link"></i> glyphicon-link
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-phone"></i> glyphicon-phone
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-pushpin"></i> glyphicon-pushpin
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-euro"></i> glyphicon-euro
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-usd"></i> glyphicon-usd
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-gbp"></i> glyphicon-gbp
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sort"></i> glyphicon-sort
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sort-by-alphabet"></i> glyphicon-sort-by-alphabet
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sort-by-alphabet-alt"></i> glyphicon-sort-by-alphabet-alt
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sort-by-order"></i> glyphicon-sort-by-order
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sort-by-order-alt"></i> glyphicon-sort-by-order-alt
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sort-by-attributes"></i> glyphicon-sort-by-attributes
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sort-by-attributes-alt"></i> glyphicon-sort-by-attributes-alt
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-unchecked"></i> glyphicon-unchecked
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-expand"></i> glyphicon-expand
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-collapse-down"></i> glyphicon-collapse-down
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-collapse-up"></i> glyphicon-collapse-top
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-log-in"></i> glyphicon-log-in
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-flash"></i> glyphicon-flash
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-log-out"></i> glyphicon-log-out
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-new-window"></i> glyphicon-new-window
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-record"></i> glyphicon-record
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-save"></i> glyphicon-save
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-open"></i> glyphicon-open
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-saved"></i> glyphicon-saved
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-import"></i> glyphicon-import
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-export"></i> glyphicon-export
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-send"></i> glyphicon-send
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-floppy-disk"></i> glyphicon-floppy-disk
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-floppy-saved"></i> glyphicon-floppy-saved
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-floppy-remove"></i> glyphicon-floppy-remove
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-floppy-save"></i> glyphicon-floppy-save
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-floppy-open"></i> glyphicon-floppy-open
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-credit-card"></i> glyphicon-credit-card
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-transfer"></i> glyphicon-transfer
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-cutlery"></i> glyphicon-cutlery
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-header"></i> glyphicon-header
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-compressed"></i> glyphicon-compressed
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-earphone"></i> glyphicon-earphone
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-phone-alt"></i> glyphicon-phone-alt
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-tower"></i> glyphicon-tower
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-stats"></i> glyphicon-stats
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sd-video"></i> glyphicon-sd-video
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-hd-video"></i> glyphicon-hd-video
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-subtitles"></i> glyphicon-subtitles
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sound-stereo"></i> glyphicon-sound-stereo
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sound-dolby"></i> glyphicon-sound-dolby
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sound-5-1"></i> glyphicon-sound-5-1
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sound-6-1"></i> glyphicon-sound-6-1
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-sound-7-1"></i> glyphicon-sound-7-1
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-copyright-mark"></i> glyphicon-copyright-mark
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-registration-mark"></i> glyphicon-registration-mark
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-cloud"></i> glyphicon-cloud
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-cloud-download"></i> glyphicon-cloud-download
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-cloud-upload"></i> glyphicon-cloud-upload
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-tree-conifer"></i> glyphicon-tree-conifer
											</div>
											<div class="col-sm-6 col-md-4 col-lg-3">
												<i class="glyphicon glyphicon-tree-deciduous"></i> glyphicon-tree-deciduous
											</div>

                                            <div class="col-sm-6 col-md-4 col-lg-3 text-danger" id="no-matching-result">
                                                Sorry, no match found for given name
                                            </div>
										</div>
										<!-- End row -->
                                    </div> <!-- end panel-body -->
                                </div> <!-- Panel-default-->
                            </div> <!-- col-->
                        </div> <!-- End row -->


                    </div> <!-- container -->

                </div> <!-- content -->

                <footer class="footer text-right">
                    2016 - 2017 © Zircos.
                </footer>

            </div>


            <!-- ============================================================== -->
            <!-- End Right content here -->
            <!-- ============================================================== -->


            <!-- Right Sidebar -->
            <div class="side-bar right-bar">
                <a href="javascript:void(0);" class="right-bar-toggle">
                    <i class="mdi mdi-close-circle-outline"></i>
                </a>
                <h4 class="">Settings</h4>
                <div class="setting-list nicescroll">
                    <div class="row m-t-20">
                        <div class="col-xs-8">
                            <h5 class="m-0">Notifications</h5>
                            <p class="text-muted m-b-0"><small>Do you need them?</small></p>
                        </div>
                        <div class="col-xs-4 text-right">
                            <input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
                        </div>
                    </div>

                    <div class="row m-t-20">
                        <div class="col-xs-8">
                            <h5 class="m-0">API Access</h5>
                            <p class="m-b-0 text-muted"><small>Enable/Disable access</small></p>
                        </div>
                        <div class="col-xs-4 text-right">
                            <input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
                        </div>
                    </div>

                    <div class="row m-t-20">
                        <div class="col-xs-8">
                            <h5 class="m-0">Auto Updates</h5>
                            <p class="m-b-0 text-muted"><small>Keep up to date</small></p>
                        </div>
                        <div class="col-xs-4 text-right">
                            <input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
                        </div>
                    </div>

                    <div class="row m-t-20">
                        <div class="col-xs-8">
                            <h5 class="m-0">Online Status</h5>
                            <p class="m-b-0 text-muted"><small>Show your status to all</small></p>
                        </div>
                        <div class="col-xs-4 text-right">
                            <input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Right-bar -->

        </div>
        <!-- END wrapper -->



        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>
        <script src="http://coderthemes.com/zircos_2/plugins/switchery/switchery.min.js"></script>

        <!-- App js -->
        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

        <!-- icon search -->
        <script src="assets/pages/jquery.icons.js"></script>

    </body>

<!-- Mirrored from coderthemes.com/zircos_2/default/icons-glyphicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Sep 2017 09:04:29 GMT -->
</html>